<template>
  <div class="logo">
    <img :src="url" alt="" />
    <!-- <div class="dsp"> -->
        <span class="sp1">发现最新最热电影</span>
        <span class="sp2">打开App</span>
    <!-- </div> -->
    
  </div>
</template>

<script>
import url from "../../../assets/images/logo.png";
export default {
  data() {
    return {
      url: url,
    };
  },
};
</script>

<style lang="less" scoped>
.logo {
  width: 100%;
  height: 60px;
  display: flex;
  border-bottom: 1px solid @border-color;
  background-color: #fff;
  position: relative;

  img {
    width: 94px;
    height: 39px;
    margin: 10px 0 0 10px;
  }

  .sp1 {
    line-height: 60px;
    color: @font-color;
    font-size: @s-font;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .sp2 {
    line-height: 60px;
    font-size: @m-font;
    color: #b37e7e;
    position: absolute;
    right: 20px;
  }
// .dsp{
//     height: 100%;
//     display: flex;
//     justify-content:flex-end;
//     align-items:center;
// }
}
</style>
